<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>娄底1170</title>
    <link rel="stylesheet" href="/static/spider1170/css/index.css">
</head>
<body>
<div class="container">
    <header>
        ...
    </header>
    <main class="container__main">
        <!-- Left sidebar -->
        <aside class="container__left">...</aside>

        <!-- Main content -->
        <article class="container__middle">...</article>

        <!-- Right sidebar -->
        <nav class="container__right">...</nav>
    </main>
    <footer>
        ...
    </footer>
</div>
<style>
    .container {
    display: flex;
    flex-direction: column;
}

.container__main {
    /* Take the remaining height */
    flex-grow: 1;

    /* Layout the left sidebar, main content and right sidebar */
    display: flex;
    flex-direction: row;
}

.container__left {
    width: 25%;
}

.container__middle {
    /* Take the remaining width */
    flex-grow: 1;
}

.container__right {
    width: 20%;
}
</style>
    <script src="/static/spider1170/js/echarts.min.js"></script>
    <script src="/static/spider1170/js/china.js"></script>
    <script src="/static/spider1170/js/jquery.min.js"></script>
    <script src="/static/spider1170/js/index.js"></script>
</body>
</html>